import * as React from 'react';
import { type Metadata } from 'next';
import { Shell } from '@/components/shell';
import { ChangeVendorClient } from './change-vendor-client';
import { useTranslation } from "@/i18n";

interface changeVendorPageProps {
  params: Promise<{ lng: string }>
}

export const metadata: Metadata = {
  title: '벤더 변경',
  description: '유저의 벤더를 검색하고 변경할 수 있습니다.',
};

export const dynamic = 'force-dynamic';

export default async function ChangeVendorPage({ params }: changeVendorPageProps) {
  const { lng } = await params
  const { t } = await useTranslation(lng, 'menu')

  return (
    <Shell className="gap-6">
      <div className="flex items-center justify-between space-y-2">
        <div>
          <h2 className="text-2xl font-bold tracking-tight">
            {t('menu.information_system.change_vendor')}
          </h2>
          {/* <p className="text-muted-foreground"> */}
          {/*   유저를 검색하고 선택한 후, 해당 유저의 벤더를 변경할 수 있습니다. */}
          {/* </p> */}
        </div>
      </div>

      <ChangeVendorClient />
    </Shell>
  );
}